<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
<title>Profesor</title>
<link rel="stylesheet" type="text/css" href="#{request.contextPath}/css/estilo.css" />
</h:head>
<body style="margin-top:0px;margin-botton:0px;width: 1024px;margin:0 auto; align: center;"  >
<h:form>
		<p:layout style="min-width:750px;min-height:500px;" fullPage="true">
			<p:layoutUnit position="west" resizable="true" size="185" minSize="185" maxSize="185" style="align:center">
				<ui:include src="/plantillas/menu.xhtml"/>
			</p:layoutUnit> 
			<p:layoutUnit position="center" size="750" minSize="750" resizable="false">
				<ui:include src="/plantillas/barraherramientas.xhtml">
					<ui:param name="bean" value="#{profesor}"/>
					<ui:param name="metodonuevo" value="crear"/>
					<ui:param name="metodograbar" value="grabar"/>
					<ui:param name="metodoeliminar" value="eliminar"/>
				</ui:include>


			<div class="container"><!-- div listado  -->
			<div class="row"><!--  fil listado -->
			<div class="column"><!-- col listado formulario -->
			
		<div align="left"  style="width:100%;">
		<div class="container"><!-- div foto -->
			<div class="row"><!--  fil foto -->
			<div class="column"><!-- col foto -->
				<div class="container" style="width: 575px;" >
						<div class="row">
							<div class="column" style="width:180px;" align="left">
								<p:outputLabel for="tipo_id" value="Tipo ID" style=" display:inline-block; width:100%; text-align: left;" />
							</div>
							<div class="column" style="width:100px;" align="left"> <p:outputLabel for="nro_doc" value="#{msg.profesor_nro_doc}" style="display:inline-block; width:100%; text-align: left;" /> </div>
							<div class="column"  style="width:180px;" align="left"> <p:outputLabel for="lug_exp" value="Lugar de Expedicion  " style=" display:inline-block; width:100%; text-align: left;" /> </div>
							<div class="column" style="width: 100px;" align="left">
								<p:outputLabel for="sexo" value="Sexo" style=" display:inline-block; width:100%; text-align: left;" />
							</div>
							
						</div>
						
						<div class="row">
							<div class="column" style="width:180px;" align="left">
								<p:selectOneMenu id="tipo_id" style="width:160px;align: left;" value="#{profesor.profesor.clIdProfesor}" >
									<f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listTiposDocumento}" var="u" itemValue="#{u.codClId}" itemLabel="#{u.descripcionClId}" />
								</p:selectOneMenu>
							</div>
							<div class="column" style="width:100px;" align="left"> <p:inputText id="nro_doc" style="width:80px;text-align: left;" value="#{profesor.profesor.idProfesor}" /> </div>
							<div class="column" style="width:180px;" align="left" > <p:selectOneMenu id="lug_exp" style="width:170px;" value="#{profesor.profesor.ciudadexpcedula}" >
					                <f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listCiudades}" var="u" itemValue="#{u.llaveCiudad}" itemLabel="#{u.descripcionCiudad}" />
					            </p:selectOneMenu> 
					        </div>
					        <div class="column" style="width: 100px;" align="left">
								<p:selectOneMenu id="sexo" style="width:90px;align: left;" value="#{profesor.profesor.sexoProfesor}">
					                <f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listSexo}" var="u" itemValue="#{u.fldcodsexo}" itemLabel="#{u.fldsexo}" />
								</p:selectOneMenu>
							</div>
					        </div>
					        </div>
				<div class="container" style="width: 575px;">
					<div class="row">
						<div class="column" style="width: 135px;" align="left">
							<p:outputLabel for="apel1" value="Nombres" style="display:inline-block;width:100%;text-align: left;" />
						</div>
						<div class="column" align="left" style="width:150px;"/>
						<div class="column" align="left" style="width: 150px;">
							<p:outputLabel for="apel1" value="Apellidos"
								style=" display:inline-block; width:100%; text-align: left;" />
						</div>
						<div class="column" align="left" style="width:135px;"/> 
					</div>
					
					
					<div class="row">
						<div class="column" align="left" style="width: 150px;">
							<p:inputText id="apel1" style="width:110px" value="#{profesor.profesor.primerApellidoProfesor}" />
						</div>
						<div class="column" align="left" style="width: 135px;">
							<p:inputText id="apel2" style="width:110px" value="#{profesor.profesor.segdoApellidoProfesor}" /> 
						</div>
						<div class="column" align="left" style="width: 150px;">
							<p:inputText id="nom1" style="width:110px" value="#{profesor.profesor.primerNombreProfesor}"  />
						</div>
						<div class="column" align="left" style="width: 135px;">
							<p:inputText id="nom2" style="width:110px" value="#{profesor.profesor.segundoNombreProfesor}"  />
						</div>
					</div> 
					</div>
				<div class="container" style="width: 575px;">
					<div class="row">
	
						<div class="column" style="width:195px;" align="left">
							<p:outputLabel for="ciudad" value="Ciudad"
								style=" display:inline-block; width:100%; text-align: left;" />
						</div>
						<div class="column" style="width: 140px;" align="left">
							<p:outputLabel for="fecha_nac" value="Fecha Nac"
								style=" display:inline-block; width:100%; text-align: left;" />
						</div>
						<div class="column" style="width: 230px;" align="left">
							<p:outputLabel for="email" value="Correo Electronico"
								style=" display:inline-block; width:100%; text-align: left;" />
						</div>
					</div>
	
					<div class="row">
						<div class="column" style="width: 195px;"  align="left">
							<p:selectOneMenu id="ciudad" style="width:170px;align: left;" value="#{profesor.profesor.ciudadProfesor}"  >
					                <f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listCiudades}" var="u" itemValue="#{u.llaveCiudad}" itemLabel="#{u.descripcionCiudad}" />
							</p:selectOneMenu>
						</div>
						<div class="column" style="width: 140px;"  align="left">
							<p:calendar id="fecha_nac" value="#{profesor.profesor.fechaNacimientoProfesor}"  pattern="yyyy/MM/dd" effect="fold" navigator="true"   showOn="button"  size="6"  />
						</div>
						<div class="column" style="width: 230px;" align="left">
							<p:inputText id="email" value="#{profesor.profesor.emailProfesor}" style="width:210px;" />
						</div>
					</div>
					</div>
				<div class="container" style="width: 575px;">
					<div class="row">
						<div class="column" style="width: 310px;" align="left">
							<p:outputLabel for="dir" value="Direccion"
								style=" display:inline-block; width:100%; text-align: left;" />
						</div>
						<div class="column" style="width: 130px;" align="left">
							<p:outputLabel for="tel" value="Telefono"
								style=" display:inline-block; width:100%; text-align: left;" />
						</div>
						<div class="column" style="width: 120px;" align="left">
							<p:outputLabel for="fax" value="Fax"
								style=" display:inline-block; width:100%; text-align: left;" />
						</div>
					</div>
					
					<div class="row">
						<div class="column" style="width: 310px;"  align="left">
							<p:inputText id="dir" value="#{profesor.profesor.direccionProfesor}"  style="width:285px" />
						</div>
						<div class="column" style="width: 130px;" align="left">
							<p:inputText id="tel" value="#{profesor.profesor.telefonoProfesor}"  style="width:100px" />
						</div>
						<div class="column" style="width: 120px;" align="left">
							<p:inputText id="fax" value="#{profesor.profesor.faxProfesor}"  style="width:100px;" />
						</div>
					</div>
					</div>
			</div><!-- fin col foto  -->
			<div class="column">
				<div class="container">
									<div class="row">
											<div class="column">
											<p:outputPanel autoUpdate="true"  >
											 <p:graphicImage id="photo31"  width="160" height="180"  value="#{profesor.profesor.foto2.image}"  rendered="#{profesor.profesor.foto2.image != null}" cache="false"/> 
											 <p:graphicImage id="photo32"  width="160" height="180"  value="images/silueta.png"  rendered="#{profesor.profesor.foto2.image == null}" cache="false"/>
											 </p:outputPanel> 
											</div>
									</div>
									<div class="row">
											<div class="column">	<p:outputPanel autoUpdate="true"  >
											  <p:commandButton id="adds" style="width:160px" value="Tomar Foto"   action="#{profesorview.foto}" rendered="true" ajax="true"/>
											  </p:outputPanel>
											</div>
									</div>
							</div>
							
				</div>
				</div><!-- fin row general foto -->
				 </div><!-- fin tabla foto -->
				
				<div class="container" style="width: 750px;">

				<div class="row">
					<div class="column" style="width: 210px;" align="left">
							<p:outputLabel for="cargo" value="Cargo"
								style=" display:inline-block; width:100%; text-align: left;" />
					</div>
					<div class="column" style="width: 150px;" align="left">
						<p:outputLabel for="tipo_nom" value="Tipo Nombramiento"
							style=" display:inline-block; width:100%; text-align: left;" />
					</div>
					<div class="column" style="width: 110px;" align="left">
						<p:outputLabel for="ult_niv_aprob" value="Ult Nivel Aprobado"
							style=" display:inline-block; width:100%; text-align: left;" />
					</div>
					<div class="column" style="width: 140px;" align="left">
						<p:outputLabel for="titulo" value="Titulo"
							style=" display:inline-block; width:100%; text-align: left;" />
					</div>
					<div class="column" style="width: 140px;" align="left">
						<p:outputLabel for="especialidad" value="Especialidad"
							style=" display:inline-block; width:100%; text-align: left;" />
					</div>
				</div>
				
					
				<div class="row">
					<div class="column" style="width: 210px;" align="left">
						<p:selectOneMenu id="cargo" style="width:200px;align: left;" value="#{profesor.profesor.cargoProfesor}" >
					                <f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listCargo}" var="u" itemValue="#{u.codCargo}" itemLabel="#{u.descripcionCargo}" />
						</p:selectOneMenu>
					</div>
					<div class="column" align="left" style="width: 150px;">
						<p:selectOneMenu id="tipo_nom" style="width:140px;align: left;" value="#{profesor.profesor.tipoNombramientoProfesor}" >
				                <f:selectItem itemLabel="Seleccione..." itemValue="" />
						</p:selectOneMenu>
					</div>
					<div class="column" align="left" style="width: 110px;">
						<p:selectOneMenu id="ult_niv_aprob" style="width:90px;align: left;" value="#{profesor.profesor.ultimoNivelEducativoProfesor}" >
					                <f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listUltimoNivel}" var="u" itemValue="#{u.fldidultniveled}" itemLabel="#{u.flddescripcion}" />
						</p:selectOneMenu>
					</div>
					<div class="column" align="left" style="width: 140px;">
						<p:inputText id="titulo" style="width:120px;" value="#{profesor.profesor.titulo}"  />
					</div>
					<div class="column" align="left" style="width: 140px;">
						<p:inputText id="especialidad" style="width:120px" value="#{profesor.profesor.especialidad}" />
					</div>
				</div>		
			</div>
			
			<div class="container" style="width: 750px;">
				<div class="row">
					<div class="column" style="width: 210px;">
						<p:outputLabel for="area_ense" value="Area Ensenanza" style=" display:inline-block; width:100%; text-align: left;" />
					</div>
					<div class="column" style="width: 60px;" align="left">
						<p:outputLabel for="int_h" value="Int H"
							style=" display:inline-block; width:100%; text-align: left;" />
					</div>
					<div class="column" style="width: 160px;" align="left">
						<p:outputLabel for="nivel_ense" value="Nivel de Ens"
							style=" display:inline-block; width:100%; text-align: left;" />
					</div>
					<div class="column" style="width: 160px;" align="left">
						<p:outputLabel for="funcion" value="Funcion"
							style=" display:inline-block; width:100%; text-align: left;" />
					</div>
					<div class="column" style="width: 150px;" align="left">
						<p:outputLabel for="estado" value="Estado"
							style=" display:inline-block; width:100%; text-align: left;" />
					</div>

				</div>
							
				<div class="row"> 
					<div class="column" align="left" style="width: 210px;">
						<p:selectOneMenu id="area_ense" style="width:200px;align: left;" value="#{profesor.profesor.areaProfesor}" >
					                <f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listArea}" var="u" itemValue="#{u.codAreaEnse}" itemLabel="#{u.descripcionAreaEnse}" />
						</p:selectOneMenu>
					</div>
					<div class="column" align="left" style="width: 60px;">
						<p:inputText id="int_h" style="width:40px;" value="#{profesor.profesor.inthoraria}"  />
					</div>
					<div class="column" align="left" style="width: 160px;">
						<p:selectOneMenu id="nivel_ense" style="width:140px;align: left;" value="#{profesor.profesor.idnivelensenanza}" >
					                <f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listNivelEnsenanza}" var="u" itemValue="#{u.fldidnivelens}" itemLabel="#{u.flddescripcionnivel}" />
						</p:selectOneMenu>
					</div>
					<div class="column" align="left" style="width: 160px;">
						<p:selectOneMenu id="funcion" style="width:150px;align: left;" value="#{profesor.profesor.funcionProfesor}" >
					                <f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listFuncion}" var="u" itemValue="#{u.codFuncion}" itemLabel="#{u.descripcionFuncion}" />
						</p:selectOneMenu>
					</div>
					<div class="column" align="left" style="width: 150px;">
						<p:selectOneMenu id="estado" style="width:145px;align: left;" value="#{profesor.profesor.estadoProfesor}" >
					                <f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listEstado}" var="u" itemValue="#{u.fldcodigo}" itemLabel="#{u.flddescripcion}" />
						</p:selectOneMenu>
					</div>

				</div>
							
			</div>
					
			<div class="container" style="width: 740px;"> 
			<p:outputLabel value="Datos del Escalafon"/>
				 <p:panel legend="Datos del Escalafon" style="margin-bottom:20px" styleClass="customTitleBar">
			        	<div class="row">
							<div class="column" style="width: 150px;" align="left">
								<p:outputLabel for="grado" value="Grado" style=" display:inline-block; width:100%; text-align: left;" />
							</div>
							<div class="column" style="width: 110px;" align="left">
								<p:outputLabel for="res" value="Resolucion" style=" display:inline-block; width:100%; text-align: left;" />
							</div>
							<div class="column" style="width: 120px;" align="left">
								<p:outputLabel for="fecha_titulo" value="Fecha" style=" display:inline-block; width:100%; text-align: left;" />
							</div>
							<div class="column" style="width: 190px;" align="left">
								<p:outputLabel for="ciudad_titulo" value="Ciudad Exp" style=" display:inline-block; width:100%; text-align: left;" />
							</div>						
						</div>
						
						<div class="row">
							<div class="column" style="width: 150px;" align="left">
								<p:selectOneMenu id="grado" style="width:130px;align: left;" value="#{profesor.profesor.gradoEscalafonProfesor}" >
					                <f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listEscalafon}" var="u" itemValue="#{u.codEscalafon}" itemLabel="#{u.descripcionEscalafon}" />
								</p:selectOneMenu>
							</div>
							<div class="column" align="left" style="width: 110px;">
								<p:inputText id="res" style="width:70px;" value="#{profesor.profesor.nroresolucion}" />
							</div>
							<div class="column" style="width: 110px;" align="left">
								<p:calendar id="fecha_titulo" value="#{profesor.profesor.fecharesolucion}"  pattern="yyyy/MM/dd" effect="fold" navigator="true"   showOn="button"  size="5" />
							</div>
							<div class="column" style="width: 190px;" align="left"> 
								<p:selectOneMenu id="ciudad_titulo" style="width:180px;align: left;" value="#{profesor.profesor.ciudadexpresolucion}" >
						                <f:selectItem itemLabel="Seleccione..." itemValue="" />
										<f:selectItems value="#{listasfijas.listCiudades}" var="u" itemValue="#{u.llaveCiudad}" itemLabel="#{u.descripcionCiudad}" />
								</p:selectOneMenu>
							</div>
							
						</div>			
	    		</p:panel>

    		</div>

<div class="container" style="width: 740px;">
<p:outputLabel value="Datos Actuales"/>
				<p:panel legend="Datos Actuales" style="margin-bottom:20px" styleClass="customTitleBar">
			        	
			        	<div class="row">
							<div class="column" style="width: 120px;" align="left">
								<p:outputLabel for="fecha_ingreso" value="Fecha Ingreso" style=" display:inline-block; width:100%; text-align: left;" />
							</div>
							<div class="column" style="width: 385px;" align="left">
								<p:outputLabel for="sede" value="Sede" style=" display:inline-block; width:100%; text-align: left;" />
							</div>
						</div>
	
						<div class="row">
							<div class="column" style="width: 120px;" align="left">
								<p:calendar id="fecha_ingreso" value="#{profesor.profesor.fechaIngresoProfesor}"  pattern="yyyy/MM/dd" effect="fold" navigator="true"   showOn="button"  size="5"  />
							</div>
							<div class="column" style="width: 385px;" align="left">
								<p:selectOneMenu id="sede" style="width:360px;align: left;" value="#{profesor.profesor.idsede}" >
					                <f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listSede}" var="u" itemValue="#{u.fldidsede}" itemLabel="#{u.nombreSede}" />
								</p:selectOneMenu>
							</div>
						</div>
						
			        	<div class="row">
							<div class="column" style="width: 250px;" align="left">
								<p:outputLabel for="jornada" value="jornada" style=" display:inline-block; width:100%; text-align: left;" />
							</div>
							<div class="column" style="width: 250px;" align="left">
								<p:outputLabel for="ciclo" value="Ciclo" style=" display:inline-block; width:100%; text-align: left;" />
							</div>
							<div class="column" style="width: 110px;" align="left">
								<p:outputLabel for="fecha_retiro" value="Fecha Retiro" style=" display:inline-block; width:100%; text-align: left;" />
							</div>
						</div>
	
						<div class="row">
							<div class="column" style="width: 250px;" align="left">
								<p:selectOneMenu id="jornada" style="width:230px;align: left;" value="#{profesor.profesor.idjornada}" >
					                <f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listJornada}" var="u" itemValue="#{u.codJornada}" itemLabel="#{u.descripcionJornada}" />
								</p:selectOneMenu>
							</div>
							<div class="column" style="width: 250px;" align="left">
								<p:selectOneMenu id="ciclo" style="width:230px;align: left;" value="#{profesor.profesor.idciclo}" >
					                <f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listCiclo}" var="u" itemValue="#{u.codCiclo}" itemLabel="#{u.descripcionCiclo}" />
								</p:selectOneMenu>
							</div>
							<div class="column" style="width: 110px;" align="left">
								<p:calendar id="fecha_retiro" value="#{profesor.profesor.fechaRetiroProfesor}" pattern="yyyy/MM/dd" effect="fold" navigator="true"   showOn="button"  size="5"  />
							</div>
						</div>
						
			        	<div class="row">
							<div class="column" style="width: 250px;" align="left">
								<p:outputLabel for="grado_d" value="Grado" style=" display:inline-block; width:100%; text-align: left;" />
							</div>
							<div class="column" style="width: 250px;" align="left">
								<p:outputLabel for="dirige_curso" value="Dirige Curso" style=" display:inline-block; width:100%; text-align: left;" />
							</div>
						</div>
	
						<div class="row">
							<div class="column" style="width: 250px;" align="left">
								<p:selectOneMenu id="grado_d" style="width:230px;align: left;" value="#{profesor.profesor.fldidgrado}" >
					                <f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listGrado}" var="u" itemValue="#{u.llaveGrado}" itemLabel="#{u.descripcionGrado}" />
								</p:selectOneMenu>
							</div>
							<div class="column" style="width: 250px;" align="left" value="#{profesor.profesor.idcursodirge}">
								<p:selectOneMenu id="dirige_curso" style="width:230px;align: left;" >
					                <f:selectItem itemLabel="Seleccione..." itemValue="" />
									<f:selectItems value="#{listasfijas.listGrupo}" var="u" itemValue="#{u.fldllavegrupo}" itemLabel="#{u.flddescripcion}" />
								</p:selectOneMenu>
							</div>
						</div>			
	    		</p:panel>
    		</div>

		</div>
		</div><!-- cierro col listado centro -->
		
		<div class="column"><!-- col listado listado -->
		<p:dataTable  rowIndexVar="row" var="doc" value="#{listasfijas.listProfesores}" style="width: 300px;"  id="tableDocumento"  scrollable="true" scrollHeight="600">
    					<p:column headerText="Profesor" footerText="">
					        <h:outputText value="#{doc.primerApellidoProfesor} #{doc.segdoApellidoProfesor} #{doc.primerNombreProfesor} #{doc.segundoNombreProfesor}" />
    					</p:column>
				</p:dataTable> 
		</div><!-- cierro col listado listado -->
		</div><!-- cierro fil listado -->
		</div><!-- cierro tabla listado -->
		</p:layoutUnit>

		</p:layout>
		
		
   <p:dialog header="Capturar Foto" widgetVar="fotoDialog" modal="true" width="680" height="300">
<div class="container" style="width: 100%">
<div style="display: table-row;">
	<div style="display: table-cell;">
		<h:outputText style="width: 300px; text-align: center; display: inline-block;font:bold" value="Camara" />
		<p:photoCam widgetVar="pc" listener="#{captura.oncapture}" update="photo"/>
        <p:commandButton type="button" value="Capturar" onclick="PF('pc').capture()" >
        	<p:ajax event="click" execute="@this" update="photo"/>
        </p:commandButton>
     </div>
	<div style="display: table-cell;">
			<h:outputText style="width: 300px; text-align: center; display: inline-block;" value="Imagen Capturada" />
			<div style="height:240px">
	   		 	<p:imageCropper id="photo" value="#{profesor.profesor.croppedImage}" image="/images/#{profesor.profesor.nombreTempImagen}.png" initialCoords="80,30,160,180" minSize="160,180" maxSize="160,180" />
	   		</div >
	   		 <p:commandButton  value="Aceptar"  action="#{captura.crop}">
	   		 <p:ajax event="click" execute="@this" update="photo31,photo32,adds"/>
	   		 </p:commandButton>
      </div>
  </div>
 </div>
            </p:dialog>
		
	</h:form>    
</body>
</html>